/**

 */
$width: 1280px; //頁面寬度
$height: 940px; //頁面高度
$headerHeight: 100px; //頭部高度
$menuWidth: 160px; //菜單寬度
$titleHeight: 70px; //標題高度
$contentPadding: $menuWidth + 50px; //內容內補白
$contentPaddingRight: 3%; //右邊邊距
$contentPaddingBottom: 2%; //底部邊距

$mtColor: #3abc6a; //公共顏色
$boxBg: #223b4c; //內容盒子背景顏色
$bg: #0b1b26; //背景顏色
$whiteBg: #ffffff;
$radius: 8px; //圓角弧度
$transitionTime: .3s; //過度時間
$menuHover: #62cda5; //菜單欄鼠標移入背景顏色
$borderColor: #aaa; //邊框線顏色

.button {
  background-color: #28a8ab;
  border-color: #28a8ab;
  color: #fff;
  border-radius: 6px;
  font-size: 18px;
  padding: 8px 30px;
  transition: all $transitionTime;
  cursor: pointer;
  &:hover {
    background-color: #28a8ab * 1.2;
    border-color: #28a8ab;
  }
}

.box_title {
  border-bottom: 1px solid $borderColor;
  text-align: center;
  padding: 16px 0;
}